<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>确认订单</title>
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet/less" href="./css/reset.less" />
    <link rel="stylesheet/less" href="./css/styles.less" />
  </head>
  <body style="background-color: #f7f7f7">
    <div class="confirm">
      <div class="head">
        <div><img /></div>
        <div class="order_title" style="color: #000">确认订单</div>
        <div><img class="img1" /></div>
      </div>
      <!-- 收货人信息 -->
      <div class="receipt_info">
        <div class="name">收件人：张三</div>
        <div class="add">收货地址：济南市天桥区xxxx</div>
        <div class="phone">联系电话：15212516542</div>
      </div>

      <!-- 商品信息 -->
      <div class="item_info">
        <div class="itemimg">
          <img src="./images/item_icon.png" alt="" />
        </div>
        <div class="item_text">
          <div class="itname">大天鹅洗衣机</div>
          <div class="guige">规格 型号</div>
          <div class="ipp">
            <div class="iprice">￥1400.00</div>
            <div class="iname">x1</div>
          </div>
        </div>
      </div>
      <div class="item_info" style="margin-top: 0">
        <div class="itemimg">
          <img src="./images/item_icon.png" alt="" />
        </div>
        <div class="item_text">
          <div class="itname">小天鹅洗衣机</div>
          <div class="guige">规格 型号</div>
          <div class="ipp">
            <div class="iprice">￥1199.00</div>
            <div class="iname">x1</div>
          </div>
        </div>
      </div>

      <!-- 付款 -->
      <div class="fukuan">
        <div class="money1">
          <div class="mont">应付金额</div>
          <div class="monc">￥2599</div>
        </div>
        <div class="money2">
          <div class="mont">商品金额</div>
          <div class="monc">￥2599</div>
        </div>
        <div class="money3">
          <div class="mont">运费</div>
          <div class="monc">顺丰包邮</div>
        </div>
        <div class="money4">
          <div class="mont">合计： <span>￥2599</span></div>
          <button>提交订单</button>
        </div>
      </div>
      <!-- 列表和底部导航栏之间用空白撑开 -->
      <div style="height: 1.1rem"></div>
      <!-- 底部导航栏 -->
      <footer>
        <nav>
          <ul>
            <li>
              <a href="./index.html">
                <img src="./images/home.png" alt="" />
                <p>主页</p>
              </a>
            </li>
            <li>
              <a href="./shopping.html">
                <img src="./images/sc.png" alt="" />
                <p>商城</p>
              </a>
            </li>
            <li>
              <a href="./order.html">
                <img src="./images/order.png" alt="" />
                <p>订单</p>
              </a>
            </li>
            <li>
              <a href="./me.html">
                <img src="./images/me.png" alt="" />
                <p>我的</p>
              </a>
            </li>
          </ul>
        </nav>
      </footer>
    </div>
  </body>
</html>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="js/wow.min.repeat.js"></script>
<script src="js/common.js"></script>
<script src="js/less-4.1.3.js"></script>
